<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <form id="form1" action="#" method="post">
    文本<input type="text" placeholder="请输入" disabled> <br>
    密码<input type="password"> <br>
    单选 <input type="radio"> <br>
    复选框 <input type="checkbox">
    文件 <input type="file">
    普通按钮 <input type="button" value="确认"> <br>
    重置 <input type="reset" value="reset"> <br>
    提交 <input type="submit" value="submit"> <br>
    性别：<input type="radio" name="gender" value="M" />男
    <input type="radio" name="gender" value="F"/>女
    <input type="radio" name="gender" value="N" />不详
    <hr/>
    爱好：<input type="checkbox" name="hobby" value="篮球" checked/>篮球
    <input type="checkbox" name="hobby" value="足球"/>足球
    <input type="checkbox" name="hobby" value="羽毛球" checked/>羽毛球
    <input type="checkbox" name="hobby" value="溜溜球"/>溜溜球
    <hr>
    你居住的城市：
    <select name="city" disabled>
      <option value="BeiJing">北京</option>
      <option value="ShangHai">上海</option>
      <option value="GuangZhou">广州</option>
      <option value="ShenZhen">深圳</option>
      <option value="WuHan" >武汉</option>
    </select>
    <hr>
    <button type="button">普通按钮</button> 或 <input type="button" value="普通按钮"/><br/>
    <button type="reset">重置按钮</button> 或 <input type="reset" value="重置按钮"/>
    <br/>
    <textarea rows="2" cols="10" >1</textarea>
  </form>

  <button form="form1" formaction="https://www.baidu.com" type="submit">提交按钮</button> 或 <input type="submit" value="提交按钮"/>
  <hr>
  <a href="https://www.baidu.com" target="_top">百度</a>

  <hr>
  <hr/>
  <a href="#aaa">div1</a><!-- 跳转到锚点 -->
  <a href="#bbb">div2</a>
  <a href="#ccc">div3</a>
  <a href="#ddd">div4</a>
  <hr/>
  <a id="aaa"></a><!-- 定义锚点 -->
  <div style="height: 1000px; background-color: aquamarine;">div1</div>
  <a id="bbb"></a><!-- 定义锚点 -->
  <div style="height: 1000px; background-color: lawngreen;">div2</div>
  <a id="ccc"></a><!-- 定义锚点 -->
  <div style="height: 1000px; background-color: palevioletred;">div3</div>
  <a id="ddd"></a><!-- 定义锚点 -->
  <div style="height: 1000px; background-color: peru;">div4</div>
</body>
</html>